<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3417935_2ocohmhi1nl.css">
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        .w {
            width: 1226px;
            margin: auto;
        }

        .topbar {
            background-color: #333;
        }

        .topbar-container {
            display: flex;
            justify-content: space-between;
        }

        .topbar-nav {
            display: flex;
        }

        .topbar-nav li {
            line-height: 40px;
        }

        .topbar-nav li a {
            color: #999;
        }

        .topbar-nav li a:hover {
            color: white;
        }

        .topbar-nav li span {
            margin: 0px 3.6px;
        }

        .topbar-download {
            position: relative;
        }

        .appcode {
            position: absolute;
            display: block;
            background-color: #fff;
            width: 120px;
            text-align: center;
            right: -30px;
            box-shadow: 0px 0px 1px 0px rgba(99, 99, 99, 0.5);
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

        .appcode img {
            width: 80px;
            margin: 0 20px;
            margin-top: 10px;
        }

        .topbar-download:hover .appcode {
            visibility: visible;
            height: 130px;
            transition: 0.3s;
            z-index: 2;
        }

        .topbar-right {
            display: flex;
        }

        .topbar-login-reg {
            display: flex;
        }

        .topbar-login-reg li {
            line-height: 40px;
            color: #999;
        }

        .topbar-login-reg span {
            margin: 0 3.6px;
        }

        .topbar-login-reg li a:hover {
            color: #fff;
        }

        .personal-center {
            display: none;
        }

        .cart {
            width: 120px;
            line-height: 39px;
            background-color: #555;
            color: #888;
            margin-left: 20px;
            cursor: pointer;
            text-align: center;
            position: relative;
        }

        .cart i {
            font-size: 16px;
        }

        .cart-list {
            width: 300px;
            line-height: 100px;
            color: #000;
            background-color: #fff;
            box-shadow: 0px 0px 1px 0px rgba(99, 99, 99, 0.5);
            position: absolute;
            top: 40px;
            right: 0px;
            height: 0;
            overflow: hidden;
        }

        .cart:hover {
            background-color: #fff;
            color: #ff6a00;
        }

        .cart:hover .cart-list {
            height: 100px;
            transition: 0.3s;
        }

        .header-container {
            display: flex;
            justify-content: space-between;

        }

        .header-container h1 img {
            width: 56px;
            height: 56px;
            margin-top: 24px;
        }

        .header-nav {
            display: flex;
            position: relative;
        }

        .header-nav li {
            font-size: 16px;
            line-height: 100px;
            padding: 0 10px;
        }

        .header-nav li a:hover {
            color: #ff6a00;
        }


        .hide {
            position: absolute;
            left: -170px;
            height: 0px;
            overflow: hidden;
            z-index: 2;
            transition: 0.3s;
            background-color: #fff;
        }

        .hide-list {
            display: flex;
            justify-content: center;
            padding-top: 30px;
            border-top: 1px solid #999;
            overflow: hidden;
        }

        .hide-list li {
            text-align: center;
            line-height: 20px;
        }

        .hide-list span {
            height: 110px;
            display: inline-block;
            border-left: #999 1px solid;
            margin: 0 10px;
        }

        .header-nav li:hover .hide {
            height: 229px;
        }





        .search {
            margin-top: 25px;
            height: 50px;
            display: flex;

            border: 1px solid #999;
        }

        .search-text {
            width: 245px;
            padding: 0 10px;
            box-sizing: border-box;
            border: 0;
        }

        .search-btn {
            width: 52px;
            line-height: 50px;
            text-align: center;
            border-left: 1px solid #999;
            cursor: pointer;
            color: #000;
        }

        .search-btn i {
            font-size: 20px;
        }

        .search-btn:hover {
            color: #fff;
            background-color: #ff6a00;
        }

        .slideshow-container {
            height: 460px;
            position: relative;
        }

        .slideshow-nav {
            width: 234px;
            height: 460px;
            padding-top: 20px;
            position: absolute;
            top: 0;
            background-color: #454547;
            box-sizing: border-box;
        }

        .slideshow-nav li a {
            height: 42px;
            line-height: 42px;
            display: block;
            font-size: 14px;
            color: #fff;
            padding-left: 30px;

        }

        .slideshow-nav li a span {
            float: right;
            padding-right: 30px;
        }

        .slideshow-nav li a:hover {
            background-color: #ff6a00;
        }


        .slideshow-nav-list {
            width: 992px;
            height: 460px;
            position: absolute;
            top: 0;
            left: 234px;
            z-index: 4;
            display: none;
        }

        .slideshow-nav-list ul {
            height: 460px;
            display: flex;
            background-color: #fff;
            flex-direction: column;
            flex-wrap: wrap;
            /* justify-content: space-around; */
            align-content: flex-start;
            box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.6);

        }

        .slideshow-nav-list ul li {
            width: 25%;
            margin: 18px 0;
            margin-left: 20px;
            color: #000;
        }

        .slideshow-nav li:hover .slideshow-nav-list {
            display: block;
        }



        .slideshow-img {
            width: 100%;
            height: 460px;
            position: relative;
        }



        .slideshow-img li {
            width: 100%;
            height: 460px;
            opacity: 0;
            transition: .3s;
            position: absolute;
            top: 0;
        }

        .slideshow-img li img {
            width: 100%;
            height: 460px;
        }

        .show {
            opacity: 1 !important;
        }

        .dot {
            display: flex;
            position: absolute;
            z-index: 3;
            bottom: 0;
            right: 0;
        }

        .dot li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin: 10px;
            background-color: #000;
        }

        .dot .on {
            background-color: #fff;
        }

        #prev {
            width: 45px;
            height: 80px;
            line-height: 80px;
            position: absolute;
            font-size: 48px;
            cursor: pointer;
            z-index: 3;
            left: 234px;
            top: 190px;
            text-align: center;
            border-radius: 2px;
        }

        #prev:hover {
            background-color: #555;
            color: #fff;
        }

        #next {
            width: 45px;
            height: 80px;
            line-height: 80px;
            position: absolute;
            font-size: 48px;
            cursor: pointer;
            z-index: 3;
            right: 0;
            top: 190px;
            text-align: center;
            border-radius: 2px;
        }

        #next:hover {
            background-color: #555;
            color: #fff;
        }


        .home-hero {
            margin-top: 14px;
            margin-bottom: 26px;
        }

        .home-hero-sub {
            height: 170px;
            display: flex;
            justify-content: space-between;

        }

        .home-channel-list {
            display: flex;
            flex-wrap: wrap;
            width: 234px;
            background-color: #5f5750;
        }

        .home-channel-list li {
            width: 76px;
            height: 82px;
            text-align: center;
            position: relative;
        }

        .home-channel-list li::before {
            top: 3px;
            left: 10px;
            width: 64px;
            height: 1px;
            position: absolute;
            content: "";
            background: #6b6967;
        }

        .home-channel-list li::after {
            top: 10px;
            left: 4px;
            width: 1px;
            height: 70px;
            position: absolute;
            content: "";
            background: #6b6967;
        }




        .home-channel-list li img {
            width: 24px;
            height: 24px;
            margin-top: 18px;
        }

        .home-channel-img {
            flex-grow: 1;
            display: flex;
            justify-content: space-between;
            margin-left: 14px;
        }

        .home-channel-img img {
            width: 316px;
        }

        .page-main {
            background-color: #f5f5f5;
            padding-bottom: 25px;
        }

        .home-banner {
            height: 120px;
            padding: 22px 0;
        }


        .box-hd {
            display: flex;
            justify-content: space-between;
            height: 58px;
            align-items: center;
        }

        .title {
            font-size: 24px;
            color: #000;
        }

        .more {
            width: 124px;
        }

        .more a {

            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
        }

        .more a i {
            font-size: 24px;
        }

        .more a:hover {
            color: #ff6a00;
        }

        .box-row {
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        .brick-promo-list {
            width: 234px;
            background-color: #fff;
            margin-bottom: 14px;
        }

        .brick-promo-list:hover {
            transform: translateY(-2px);
            transition: all .2s linear;
            box-shadow: 0 0 3px 1px rgba(216, 206, 206, 0.5);
        }

        .brick-list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .brick-list li {
            width: 234px;
            height: 300px;
            background-color: #fff;
            text-align: center;
            margin-left: 14px;
            margin-bottom: 14px;
            padding: 25px 10px 20px;
            box-sizing: border-box;

        }

        .brick-list li:hover {
            transform: translateY(-2px);
            transition: all .2s linear;
            box-shadow: 0 0 3px 1px rgba(216, 206, 206, 0.5);
        }

        .brick-list li img {
            width: 160px;
            height: 160px;
            margin-bottom: 18px;
        }

        .brick-list li h3 {
            font-size: 14px;
            font-weight: 400;
            color: #333;
            margin: 0 10px 2px;
        }

        .brick-list li h5 {
            color: #ff6a00;
            font-size: 14px;
        }

        .brick-list li h5 del {
            color: #888;
            margin-left: 8px;
        }


        .tap-list {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .tap-list li {
            margin-left: 30px;
            font-size: 16px;
            cursor: pointer;
        }

        /* .tap-list li:hover {
            
        } */
        .tap-list-on {
            color: #ff6a00;
            border-bottom: #ff6a00 2px solid;
        }



        .home-brick-watches .brick-list-more {
            height: 143px;
            /* padding-top: 40px; */
            box-sizing: border-box;
        }

        .brick-more {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
            color: #333;
            padding: 0 20px;
            box-sizing: border-box;
        }

        .brick-more p {
            display: flex;
            flex-direction: column;
            text-align: left;
        }

        .brick-more p small {
            font-size: 12px;
            color: #6b6967;
        }

        .brick-more i {
            font-size: 52px;
            color: #ff6a00;
        }


        .brick-list-one {
            display: none;
        }

        .active {
            display: flex;
        }

        .home-brick-notebook .more {
            display: flex;
            justify-content: space-between;
        }

        .home-brick-notebook .more span {
            font-size: 18px;
            color: #ff6a00;
            border-bottom: 2px solid #ff6a00;
        }


        .home-brick-notebook .brick-notebook-xsq {
            height: 143px;

        }

        .home-brick-notebook .brick-notebook-xsq a {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0 10px;
        }

        .home-brick-notebook .brick-notebook-xsq a:first-child {
            text-align: left;
            font-size: 14px;
        }

        .home-brick-notebook .brick-notebook-xsq img {
            width: 80px;
            height: 80px;
        }

        .home-brick-notebook .brick-list-more {
            height: 143px;
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .home-brick-video .brick-list li {
            width: 296px;
            height: 285px;
            margin: 0;
            padding: 0;
        }

        .home-brick-video .brick-list li img {
            width: 296px;
            height: 180px;
        }



        .floating {

            position: fixed;
            bottom: 40px;
            right: 70px;

        }

        .floating li {
            width: 25px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background-color: #fff;
            border: 1px solid #f5f5f5;
        }

        .floating li:last-child {
            margin-top: 12px;
        }

        .floating li a i {
            font-size: 20px;
        }

        .floating li a:hover {
            color: #ff6a00;
        }

        .floating-phone {
            position: relative;
        }

        .floating-phone-hide {

            padding: 20px;
            text-align: center;
            background-color: #fff;
            position: absolute;
            top: 0;
            right: 27px;
            display: none;
        }

        .floating-phone-hide img {
            width: 80px;
            height: 80px;
        }

        .floating-phone-hide p {
            margin-top: 8px;
            line-height: 16px;
        }

        .floating-phone:hover .floating-phone-hide {
            display: block;
        }


        .footer-service {
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: space-around;
            border-bottom: 1px solid #999;
        }

        .footer-service li {
            width: 19.8%;
            line-height: 25px;
            text-align: center;
            font-size: 16px;
            border-right: #999 1px solid;
        }

        .footer-service li:last-child {
            border: 0;
        }

        .footer-service li a {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .footer-service li i {
            font-size: 26px;
            margin-right: 6px;
        }

        .footer-service li a:hover {
            transition: .2s;
            color: #ff6a00;
        }

        .footerlinks {
            padding: 40px 0;
            overflow: hidden;
        }

        .col-links {
            float: left;
            width: 160px;
        }

        .col-links dt {
            font-size: 14px;
            line-height: 1.25;
            color: #333;
            margin-bottom: 26px;
        }


        .col-contact {
            float: right;
            width: 251px;
            border-left: 1px solid #e0e0e0;
            text-align: center;
            color: #616161;
        }

        .col-contact h3 {
            font-size: 22px;
            line-height: 1;
            color: #ff6a00;
            margin: 0 0 5px 0;
        }

        .col-contact p {
            margin-bottom: 5px;
        }

        .col-contact-service {
            border: #ff6a00 1px solid;
            color: #ff6a00;
            background-color: #fff;
            display: inline-block;
            width: 118px;
            height: 28px;
            line-height: 28px;
            text-align: center;
        }

        .col-contact-service:hover {
            background-color: #ff6a00;
            color: #fff;
        }

        .col-contact h5 {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .col-contact h5 i {
            margin-left: 6px;
            font-size: 24px;
        }

        .col-contact h5 i:hover {
            color: #ff6a00;
        }


        .into {
            padding: 30px 0;
            background-color: #fafafa;
        }

        .into-container {
            overflow: hidden;
        }

        .into-logo {
            float: left;
            margin-right: 20px;
        }

        .into-logo img {
            width: 56px;
            height: 56px;
        }

        .into-text {
            float: left;
        }

        .into-text p {
            color: #b0b0b0;
            line-height: 1.25;
        }

        .into-links img {
            width: 85px;
            height: 28px;
        }

        .slogan {
            margin-top: 30px;
            height: 19px;
            color: #b0b0b0;
            text-align: center;
            font-size: 18px;
        }
    </style>
</head>

<body>
    <div class="topbar">
        <div class="topbar-container w">
            <ul class="topbar-nav">
                <li><a href="">小米商城</a><span>|</span></li>
                <li><a href="">MIUI</a><span>|</span></li>
                <li><a href="">loT</a><span>|</span></li>
                <li><a href="">云服务</a><span>|</span></li>
                <li><a href="">天星数科</a><span>|</span></li>
                <li><a href="">有品</a><span>|</span></li>
                <li><a href="">小爱开放平台</a><span>|</span></li>
                <li><a href="">企业团购</a><span>|</span></li>
                <li><a href="">资质证照</a><span>|</span></li>
                <li><a href="">协议规则</a><span>|</span></li>
                <li class="topbar-download">
                    <a href="">下载app</a>
                    <span>|</span>
                    <span class="appcode">
                        <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                        <i style="color: #000;">小米商城APP</i>
                    </span>
                </li>
                <li><a href="">Select Location</a></li>
            </ul>
            <div class="topbar-right">
                <ul class="topbar-login-reg topbar-login-reg-on">
                    <li><a href="../html/Xiaomi_login.html">登录</a><span>|</span></li>
                    <li><a href="../html/Xiaomi_reg.html">注册</a><span>|</span></li>
                    <li><a href="">消息通知</a></li>
                </ul>
                <ul class="topbar-login-reg personal-center">
                    <li class="user-id"><a href="../html/Xiaomi_person.html"></a></li>
                    <li class="exit"><a href="">退出帐号</a></li>
                </ul>
                <div class="cart"><i class="iconfont icon-xiazai1"></i>购物车<span>(0)</span>
                    <div class="cart-list">购物车空空如也</div>
                </div>

            </div>
        </div>
    </div>

    <header>
        <div class="header-container w">
            <h1><a href=""><img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt=""></a></h1>
            <ul class="header-nav">
                <li class="header-nav-one"><a href="../html/Xiaomi_list.html">Xiaomi手机</a>
                    <div class="hide">
                        <ul class="hide-list">
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88ae9b85c5f8fbdae2ea98d58a045e1e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi Civi 1S</h5>
                                    <strong>2299起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02ac31f8d3848f71617e074e8e50879e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12 Pro</h5>
                                    <strong>4699起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/34eec49ce46adcd4739e60a2b56062fc.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12</h5>
                                    <strong>3699起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/075d45f17b32b39c98be850a5592bbee.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12X</h5>
                                    <strong>2999起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 青春活力版</h5>
                                    <strong>1799起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8cad77bda138fd94eadbc2ddfced7c56.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi Civi</h5>
                                    <strong>2299起</strong>
                                </a></li>
                        </ul>
                    </div>
                </li>

                <li class="header-nav-two"><a href="../html/Xiaomi_list.html">Redmi红米</a>
                    <div class="hide">
                        <ul class="hide-list">
                            <li><a href="">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88ae9b85c5f8fbdae2ea98d58a045e1e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi Civi 1S</h5>
                                    <strong>2299起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="../html/Xiaomi_list.html">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/02ac31f8d3848f71617e074e8e50879e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12 Pro</h5>
                                    <strong>4699起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="../html/Xiaomi_list.html">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/34eec49ce46adcd4739e60a2b56062fc.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12</h5>
                                    <strong>3699起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="../html/Xiaomi_list.html">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/075d45f17b32b39c98be850a5592bbee.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 12X</h5>
                                    <strong>2999起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="../html/Xiaomi_list.html">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fea69fb5990da9dfc909aa8279aaea7e.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi 青春活力版</h5>
                                    <strong>1799起</strong>
                                </a></li>
                            <span></span>
                            <li><a href="../html/Xiaomi_list.html">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8cad77bda138fd94eadbc2ddfced7c56.png?thumb=1&w=160&h=110&f=webp&q=90"
                                        alt="">
                                    <h5>Xiaomi Civi</h5>
                                    <strong>2299起</strong>
                                </a></li>
                        </ul>
                    </div>
                </li>
                <li class="header-nav-three"><a href="../html/Xiaomi_list.html">电视</a></li>
                <li class="header-nav-four"><a href="../html/Xiaomi_list.html">笔记本</a></li>
                <li class="header-nav-five"><a href="../html/Xiaomi_list.html">平板</a></li>
                <li class="header-nav-six"><a href="../html/Xiaomi_list.html">家电</a></li>
                <li class="header-nav-seven"><a href="../html/Xiaomi_list.html">路由器</a></li>
                <li><a href="../html/Xiaomi_list.html">服务</a></li>
                <li><a href="../html/Xiaomi_list.html">社区</a></li>
            </ul>
            <div class="search">
                <input type="text" class="search-text">
                <div class="search-btn">
                    <i class="iconfont icon-fangdajing"></i>
                </div>
            </div>

        </div>


    </header>

    <div class="slideshow">
        <div class="slideshow-container w">
            <ul class="slideshow-img">
                <li class="show">
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/787aa7b48a79ed5411fec2f1854f66bb.jpg?w=2452&h=920"
                            alt="">
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b717c9c84e44409496e993ed6b526c05.jpg?thumb=1&w=1226&h=460&f=webp&q=90"
                            alt=""></a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b158441e01e7acd9ad27a49bbac4c0fa.jpg?thumb=1&w=1226&h=460&f=webp&q=90"
                            alt=""></a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6240d955a94333a05c3ce26817a15c7.jpg?thumb=1&w=1226&h=460&f=webp&q=90"
                            alt="">
                    </a>
                </li>
            </ul>
            <ol class="dot">
                <li class="on"></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
            <p id="prev"><span>&lt;</span></p>
            <p id="next"><span>&gt;</span></p>

            <ul class="slideshow-nav">
                <li><a href="../html/Xiaomi_list.html">手机<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">电视<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">笔记本 平板<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">家电<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">出行 穿戴<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">智能 路由器<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">电源 配件<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">健康 儿童<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">耳机 音响<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="../html/Xiaomi_list.html">生活 箱包<span>&gt;</span></a>
                    <div class="slideshow-nav-list">
                        <ul>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                            <li>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c680c8d69a77ebfa924af7daa1a854be.png?thumb=1&w=40&h=40&f=webp&q=90"
                                    alt="">
                                <span>Xiaomi手机</span>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div class="home-hero">
        <div class="home-hero-sub w">
            <ul class="home-channel-list">
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">
                        <p>保障服务</p>
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"
                            alt="">
                        <p>企业团购</p>
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"
                            alt="">
                        <p>F码通道</p>
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"
                            alt="">
                        <p>米粉卡</p>
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"
                            alt="">
                        <p>以旧换新</p>
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"
                            alt="">
                        <p>话费充值</p>
                    </a>
                </li>
            </ul>
            <ul class="home-channel-img">
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ab8e5096ac6f08bd632e4d5a15d1792.jpg?w=632&h=340"
                            alt="">
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c5f019908e21571fe48fdad0ebf79249.jpg?w=632&h=340"
                            alt="">
                    </a>
                </li>
                <li>
                    <a href="../html/Xiaomi_list.html">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
                            alt="">
                    </a>
                </li>
            </ul>

        </div>
    </div>

    <div class="page-main">
        <div class="home-banner w">
            <a href="../html/Xiaomi_list.html"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4eae28465c98b4dd1d6abf55c11023c7.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                    alt=""></a>
        </div>
        <div class="home-brick-box w">
            <div class="box-hd">
                <h2 class="title">手机</h2>
                <div class="more">
                    <a href="">
                        <b>查看更多</b>
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <div class="box-row">
                <div class="brick-promo-list">
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ac5cafc68c10ce4471869d378f594b52.png?thumb=1&w=234&h=614&f=webp&q=90"
                            alt=""></a>
                </div>
                <ul class="brick-list">
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0bcd64f412dfb5e15695fa96d21ecb23.png?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi Civi 1S</h3>
                            <p class="s1">原生美肌人像|奇迹阳光动人新色|骁龙778G Plus</p>
                            <h5>2299元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d764150a470174741d8b0b04515f7a78.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi 10A</h3>
                            <p class="s1">大电量、大音量、大屏幕</p>
                            <h5>649元起<del>699元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/18d2099cb0b05bbd23cb1915dfc9d0d6.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi K50 Pro</h3>
                            <p class="s1">2K直屏的狠旗舰</p>
                            <h5>2999元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c14106b688ac7ae88e761564789b37.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi K50</h3>
                            <p class="s1">2K直屏的狠旗舰</p>
                            <h5>2399元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28febc579eaea6b07c96c0ec48b89f7a.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi K40S</h3>
                            <p class="s1">口碑真旗舰</p>
                            <h5>1799元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1061cd8d46977b5291d481d0cd44105e.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi K50 电竞版</h3>
                            <p class="s1">全线拉满的冷血旗舰</p>
                            <h5>2999元起<del>3299元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a7382271e3a677bf188679ca38d68a42.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi 12 Pro</h3>
                            <p class="s1">全新骁龙8|2K AMOLED屏幕</p>
                            <h5>4699元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e870129c5c374088bf7cc46be0b7ace2.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi 12</h3>
                            <p class="s1">全新骁龙8|5000万主摄</p>
                            <h5>3699元起</h5>
                        </a></li>
                </ul>
            </div>
        </div>

        <div class="home-brick-box home-brick-watches w">
            <div class="box-hd">
                <h2 class="title">智能穿戴</h2>
                <div class="more ">
                    <ul class="tap-list">
                        <li class="tap-list-on">热门</li>
                        <li>穿戴</li>
                    </ul>
                </div>
            </div>
            <div class="box-row">
                <div class="brick-promo-list">
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9895c56a7b792fb9053e3085fc261072.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                            alt=""></a>
                </div>
                <ul class="brick-list brick-list-one active">
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8259e8fb355acf168c66f75d375c6af.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi Watch S1</h3>
                            <p class="s1">蓝宝石玻璃镜面|不锈钢中框|1.43"AMOLED大屏幕</p>
                            <h5>1099元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b271a074e087848357aa61ae665b214.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi真无线降噪耳机3</h3>
                            <p class="s1">40dB宽频主动降噪|HiFi高保真音质|HTRF专业调音</p>
                            <h5>399元<del>499元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f84503dbf5adbdf17111c61d4a7cf893.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi手表2</h3>
                            <p class="s1">1.6"AMOLED大屏幕|117种运动模式|24小时心率监测</p>
                            <h5>399元</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b28153b80cb2c67564608e56d5c2f3f3.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>小米手环6 NFC版</h3>
                            <p class="s1">1.56"跑道全面彩屏|30种运动模式|24小时心率监测</p>
                            <h5>249元<del>279元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cc4e8e58d7288cd8dff13b98bdc3ea8.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi真无线降噪耳机3 Pro</h3>
                            <p class="s1">40dB自适应降噪|空间音频|HiFi高保真音质</p>
                            <h5>649元<del>699元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11570d5371f16d2d9b19f504e09d01f0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">Redmi Buds 3半入耳真无线蓝牙耳机</h3>
                            <p class="s1">轻巧半入耳,舒适有天分</p>
                            <h5>179元<del>199元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fcf24e40ff09a254857ac8b4ace25b8.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi Buds 3青春版</h3>
                            <p class="s1">轻巧真无线|猫耳状稳固设计|18小时长续航</p>
                            <h5>99元</h5>
                        </a></li>
                    <li class="brick-list-more"><a href="">
                            <div class="brick-more">
                                <p><span>浏览更多</span><small>热门</small></p>
                                <i class="iconfont icon-youjiantou1"></i>
                            </div>
                        </a></li>
                </ul>

                <ul class="brick-list brick-list-one">
                    <li>
                        <a href="">
                            <img src="
                    https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0cc4e8e58d7288cd8dff13b98bdc3ea8.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Xiaomi真无线降噪耳机3 Pro</h3>
                            <p class="s1">40dB自适应降噪|空间音频|HiFi高保真音质</p>
                            <h5>649元<del>699元</del></h5>
                        </a>
                    </li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11570d5371f16d2d9b19f504e09d01f0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">Redmi Buds 3半入耳真无线蓝牙耳机</h3>
                            <p class="s1">轻巧半入耳,舒适有天分</p>
                            <h5>179元<del>199元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fcf24e40ff09a254857ac8b4ace25b8.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3>Redmi Buds 3青春版</h3>
                            <p class="s1">轻巧真无线|猫耳状稳固设计|18小时长续航</p>
                            <h5>99元</h5>
                        </a></li>
                    <li class="brick-list-more"><a href="">
                            <div class="brick-more">
                                <p><span>浏览更多</span><small>热门</small></p>
                                <i class="iconfont icon-youjiantou1"></i>
                            </div>
                        </a></li>
                </ul>
            </div>
        </div>

        <div class="home-brick-box home-brick-notebook w">
            <div class="box-hd">
                <h2 class="title">笔记本 | 平板</h2>
                <div class="more">
                    <i></i>
                    <span>热门</span>
                </div>
            </div>
            <div class="box-row">
                <div class="brick-promo-list">
                    <a href=""><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                            alt=""></a>
                </div>
                <ul class="brick-list">
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f8abb2bc3947c4679e3f1b2aafc28c0.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">Redmi Book Pro 15 2022</h3>
                            <p class="s1">全新12代因特尔处理器</p>
                            <h5>5599元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/68637deb3ab9cecdc7805c7154e79683.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">Redmi G 2021 R7/RTX3050Ti/16G/51</h3>
                            <p class="s1">有光追,才是高性能游戏本</p>
                            <h5>6299元</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">Pro 14增强版 i5 独显-Win11</h3>
                            <p class="s1">2.5K超视网膜全面屏</p>
                            <h5>4799元<del>5599元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b60f8c50789c123c11e060e7b283a315.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">RedmiBook Pro 15 R5/16G/512G 灰</h3>
                            <p class="s1">3.2K超清视网膜全面屏|微米级一体精雕工艺</p>
                            <h5>4699元 <del>5299元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e3c300330221ad788569e4fb1e6f932f.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">RedmiBook Pro 14 2022</h3>
                            <p class="s1">全新12代因特尔处理器,CNC一体精雕工艺,2.5K 120Hz高清屏,可选MX550独立显卡</p>
                            <h5>5399元起</h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ed0541d2337dc4fff6e52c2b7f162fe5.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">小米平板5 Pro</h3>
                            <p class="s1">骁龙870芯片|2.5K超高清|120Hz高刷新率</p>
                            <h5>2399元起<del>2499元</del></h5>
                        </a></li>
                    <li><a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/01d9571051a91e540e5c644fa60cc858.jpg?thumb=1&w=200&h=200&f=webp&q=90"
                                alt="">
                            <h3 class="s1">RedmiBook Pro 14 R5 16G 512G UMA</h3>
                            <p class="s1">2.5K超视网膜全面屏</p>
                            <h5>3999元起 <del>4699</del></h5>
                        </a></li>
                    <li class="brick-notebook-xsq"><a href="">
                            <div>
                                <h4 class="s1">Redmi显示器</h4>
                                <p class="s1">23.8英寸</p>
                                <h5>699元</h5>
                            </div>
                            <div>
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7c37478d8b3b553ba0a50adaec2fc775.png?thumb=1&w=100&h=100&f=webp&q=90"
                                    alt="">
                            </div>

                        </a></li>
                    <li class="brick-list-more"><a href="">
                            <div class="brick-more">
                                <p><span>浏览更多</span><small>热门</small></p>
                                <i class="iconfont icon-youjiantou1"></i>
                            </div>
                        </a></li>
                </ul>
            </div>
        </div>

        <div class="home-brick-box home-brick-video w">
            <div class="box-hd">
                <h2 class="title">视频</h2>
                <div class="more">
                    <a href="">
                        <b>查看更多</b>
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <ul class="brick-list">
                <li><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e74c4ff741bcdfc5b28a48a43e4edc6d.jpg?thumb=1&w=296&h=180&f=webp&q=90"
                            alt="">
                        <h3>2021年春季新品发布会第一场</h3>
                    </a>
                </li>
                <li><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&w=296&h=180&f=webp&q=90"
                            alt="">
                        <h3>Redmi 10X系列发布会</h3>
                        <p>Redmi 10X系列发布会</p>
                    </a>
                </li>
                <li><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&w=296&h=180&f=webp&q=90"
                            alt="">
                        <h3>小米10 青春版 发布会</h3>
                    </a>
                </li>
                <li><a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&w=296&h=180&f=webp&q=90"
                            alt="">
                        <h3>小米10 8K手机拍大片</h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <ul class="floating">
        <li class="floating-phone">
            <a href="">
                <i class="iconfont icon-shouji"></i>
            </a>
            <div class="floating-hide floating-phone-hide">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/78c30d4f259ed43ab20e810a522a6249.png" alt="">
                <p>扫码领取新人百元红包</p>
            </div>
        </li>
        <li class="floating-personal">
            <a href="">
                <i class="iconfont icon-geren"></i>
            </a>
            <!-- <div class="floating-hide">
                个人中心
            </div> -->
        </li>
        <li class="floating-sale">
            <a href="">
                <i class="iconfont icon-weixiubanshou"></i>
            </a>
        </li>
        <li class="floating-manual">
            <a href="">
                <i class="iconfont icon-erji"></i>
            </a>
        </li>
        <li class="floating-cart">
            <a href="">
                <i class="iconfont icon-gouwuche"></i>
            </a>
        </li>
        <li class="floating-top">
            <a href="#">
                <i class="iconfont icon-huidaodingbu"></i>
            </a>
        </li>
    </ul>

    <div class="footer">
        <div class="footer-container w">
            <ul class="footer-service">
                <li>
                    <a href="">
                        <i class="iconfont icon-weixiubanshou"></i>
                        <span>预约维修服务</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-7tiantuihuanhuo"></i>
                        <span>7天无理由退货</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-tian"></i>
                        <span>15天免费换货</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-liwuhuodong"></i>
                        <span>满69元包邮</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="iconfont icon-didian"></i>
                        <span>520余家售后网点</span>
                    </a>
                </li>
            </ul>

            <div class="footerlinks">
                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd><a href="">账户管理</a></dd>
                    <dd><a href="">购物指南</a></dd>
                    <dd><a href="">订单操作</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>服务支持</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">自助服务</a></dd>
                    <dd><a href="">相关下载</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>线下门店</dt>
                    <dd><a href="">小米之家</a></dd>
                    <dd><a href="">服务网点</a></dd>
                    <dd><a href="">授权体验店/专区</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>关于小米</dt>
                    <dd><a href="">了解小米</a></dd>
                    <dd><a href="">加入小米</a></dd>
                    <dd><a href="">投资者关系</a></dd>
                    <dd><a href="">企业社会责任</a></dd>
                    <dd><a href="">廉洁举报</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>关注我们</dt>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">官方微信</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">公益基金会</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>特色服务</dt>
                    <dd><a href="">F码通道</a></dd>
                    <dd><a href="">礼物码</a></dd>
                    <dd><a href="">防伪查询</a></dd>
                </dl>
                <div class="col-contact">
                    <h3>400-100-5678</h3>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a class="col-contact-service" href="">
                        <em class="iconfont icon-liuyan"></em>
                        <span>人工服务</span>
                    </a>
                    <h5><span>关注小米:</span>
                        <a href=""><i class="iconfont icon-xinlang"></i></a>
                        <a href=""><i class="iconfont icon-weixin"></i></a>
                    </h5>
                </div>
            </div>
        </div>
    </div>

    <div class="into">
        <div class="into-container w">
            <div class="into-logo">
                <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
            </div>
            <div class="into-text">
                <h5>小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 |
                    问题反馈 | Select Location</h5>
                <h5>北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</h5>
                <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                <p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证</p>
                <p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                <div class="into-links">
                    <img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                    <img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                    <img src="https://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                    <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                    <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/1e68ce1fd7b9088931ef06942f02c99d.png"
                        alt="">
                </div>
            </div>

        </div>
        <div class="slogan w">让全球每个人都能享受科技带来的美好生活</div>
    </div>














    <script src="../js/jq.js"></script>
    <script>


        //回到顶部 
        //当页面下拉到一定距离后回到顶部按钮出现
        $('.floating-top').hide();//隐藏
        $(window).scroll(function () {
            if ($(window).scrollTop() > 500) {
                $('.floating-top').show();//显示
            }
            else {
                $('.floating-top').hide();
            }
        })


        const oNoLogin = document.querySelector('.topbar-login-reg-on');
        const oLogin = document.querySelector('.personal-center');
        const oUesrId = document.querySelector('.user-id a');
        const oExit = document.querySelector('.exit');
        console.log(oExit);
        let login_res = localStorage.getItem('xiaomi_xiaomi_');
        // console.log(login_res);
        if (login_res) {
            oLogin.style.display = 'flex';
            oNoLogin.style.display = 'none';
            oUesrId.innerHTML = login_res;
        }
        else {
            oNoLogin.style.display = 'flex';
            oLogin.style.display = 'none';
        }

        //退出
        oExit.onclick = function () {
            
            location.href = './Xiaomi_index.html';
            localStorage.removeItem('xiaomi_xiaomi_');
        }

        //去购物车
        $('.cart').on('click',function(){
            if(login_res){
                location.href='Xiaomi_cart.html';
            }
            else{
                const url = location;
                location.href='Xiaomi_login.html';
            }
        })






        //轮播图
        const oSlideshowUl = document.querySelector('.slideshow-img');
        const oSlideshowLis = document.querySelectorAll('.slideshow-img li');
        const oPrev = document.getElementById('prev');
        const oNext = document.getElementById('next');
        const oOlis = document.querySelectorAll('.dot li');
        console.log(oSlideshowUl, oSlideshowLis, oPrev, oNext, oOlis);
        var index = 0;
        var t;

        autoPlay();

        //上翻页
        oPrev.onclick = function () {
            index--;
            clearInterval(t);
            if (index === -1) {
                index = oSlideshowLis.length - 1;
            }
            show();
            autoPlay();
        }
        //下翻页
        oNext.onclick = function () {
            index++;
            clearInterval(t);
            if (index === oSlideshowLis.length) {
                index = 0;
            }
            show();
            autoPlay();
        }
        //小点
        for (let i = 0; i < oOlis.length; i++) {
            oOlis[i].mark = i;
            oOlis[i].onclick = function () {
                clearInterval(t);
                index = this.mark;
                show();
                autoPlay();
            }
        }
        function show() {
            for (let i = 0; i < oSlideshowLis.length; i++) {
                oSlideshowLis[i].classList.remove('show');
                oOlis[i].classList.remove('on');
            }

            oSlideshowLis[index].classList.add('show');
            oOlis[index].classList.add('on');
        }

        function autoPlay() {
            t = setInterval(() => {
                index++;
                if (index === oSlideshowLis.length) {
                    index = 0;
                }
                show();
            }, 1500)
        }



        // 智能穿戴的选项
        const oTapList = document.querySelectorAll('.tap-list li');
        const oBrickOne = document.querySelectorAll('.brick-list-one');

        // console.log(oTapList,oBrickOne);

        for (let i = 0; i < oTapList.length; i++) {
            oTapList[i].setAttribute('index', i);
            oTapList[i].onmousemove = function () {
                for (let i = 0; i < oTapList.length; i++) {
                    oTapList[i].classList.remove('tap-list-on');
                    oBrickOne[i].classList.remove('active');
                }
                this.classList.add('tap-list-on');
                const acac = this.getAttribute('index');
                oBrickOne[acac].classList.add('active');
            }
        }



    </script>





</body>

</html>